html::-webkit-scrollbar {
  width: 1rem;
  height: 0;
}

@media (min-width: 768px) {
  pre::-webkit-scrollbar {
    width: 1rem;
    height: 1rem;
  }
}

::-webkit-scrollbar-track {
  background-color: transparent;
  border: 0 solid var(--divider-light);
  &:vertical {
    border-left-width: 1px;
  }
}

::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  border: 4px solid transparent;
  border-radius: 9999px;
  background-color: var(--divider);

  &:hover {
    background-color: var(--divider-dark);
  }
}
